<div class="modal fade" id="SigninModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="col-xs-12 col-sm-12 col-md-12">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only"></span>
						</button>
						<h3 class="panel-title">Sign in</h3>
					</div>
					<div class="panel-body">
						<div class="col-xs-12 col-sm-12 col-md-6 separator social-login-box">
							<br />
							<oauth:connect provider="facebook" id="facebook-connect-link">
								<button class="btn facebook btn-block" role="button">Sign in using Facebook</button>
							</oauth:connect> <br />
							<oauth:connect provider="google" id="google-connect-link"> 
								<button class="btn google btn-block" role="button">Sign in using Google</button>
							</oauth:connect>
						</div>
						<div class="col-xs-12 col-sm-12 col-md-6 login-box">
							<div role="form" id="signInForm">
								<div class="form-group">
									<div class="input-group">
										<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
										<input type="email" id="userEmail" class="form-control" placeholder="Email" name="userEmail" required/>
									</div>
								</div>
								<div class="form-group">
									<div class="input-group">
										<span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
										<input type="password" class="form-control" placeholder="Password" id="password" name="password" required onkeyup="if (event.keyCode == 13) document.getElementById('btnSignIn').click()"/>
									</div>
								</div>
							</div>
							<div class="checkbox">
								<label>
									<input type="checkbox" value="Remember"	name="remember" id="remember"> Remember me
								</label>
							</div>
							<div>Don't have an account? <a href="#" id="sign-up-here">Sign up here</a></div>
						</div>
					</div>
					<div class="clear"></div>
					<div class="panel-footer body-login-custom">
						<div class="row">
							<div class="col-xs-6 col-sm-6 col-md-6">
								<p>
									<a href="#" id="link-forgotpwd">Forgot password?</a>
								</p>
							</div>
							<div class="col-xs-6 col-sm-6 col-md-6" id="groupbutton-login">
								<div class="col-xs-6 col-sm-6 col-md-6">
									<button type="button" class="btn btn-success btn-max-width" onclick="loginFunction()" id="btnSignIn">Sign in</button>
								</div>
								<div class="col-xs-6 col-sm-6 col-md-6">
									<button type="button" class="btn btn-danger btn-cancel-modal btn-max-width">Cancel</button>
								</div>
							</div>
						</div>
						<div class="row" style="margin-top: 5px;">
							<div class="col-xs-6 col-sm-6 col-md-6 col-xs-offset-6 col-sm-offset-6 col-md-offset-6">
								<small id="loginMessage" class="errorMessage"></small>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>